<tc_include file="Public:header" />
<title>我要洗衣</title>
</head>
<body ontouchstart>
<div class="container z-index">
	<div class="weui-tab__panel">
		<div class="weui-cells weui-cells_form">
			<!--name phone-->
	    <div class="weui-cell">
	        <div class="weui-cell__bd">
	            <input class="weui-input" type="text" placeholder="输入姓名">
	        </div>
	    </div>
	    <div class="weui-cell">
	        <div class="weui-cell__bd">
	            <input class="weui-input" type="tel" pattern="[0-9]*" placeholder="输入手机号码">
	        </div>
	    </div>
	    <!--name phone end-->
	  </div>
	  <div class="weui-cells weui-cells_form">
	  	<!--area-->
	    <div class="weui-cell line">
	        <div class="weui-cell__bd text-center">
	        	<div class="picker-box">
	        	   <input type="button" class="weui-btn weui-btn_default picker-btn" value="上海" id='city'>
	        	   <i class="icon iconfont icon-down"></i>
	        	</div>
	        </div>
	        <div class="weui-cell__bd text-center">
	        	<div class="picker-box">
		          <input class="weui-btn weui-btn_default picker-btn" type="button" value="徐汇区" id='area'/>
		          <i class="icon iconfont icon-down"></i>
	          </div>
	        </div>
	    </div>
	    <!--area end-->
	    <!--address-->
	    <div class="weui-cell">
	        <div class="weui-cell__bd">
	            <input class="weui-input" type="text" placeholder="请输入详细地址（例如：田林路112弄、飞洲国际）">
	        </div>
	    </div>
	    <div class="weui-cell">
	        <div class="weui-cell__bd">
	            <input class="weui-input" type="text" placeholder="请输入单元和门牌号（例如：28号103室）">
	        </div>
	    </div>
	    <!--address end-->
	  </div>
	  
    
	</div>
</div>
<!--foot button-->
<div class="weui-footer weui-footer_fixed-bottom">
	<a href="javascript:;" class="weui-btn weui-btn_warn">确认下单</a>     
</div>  
<!--foot button end-->
<script src="__PUBLIC__/home/js/zepto.min.js"></script>
<script src="__PUBLIC__/home/js/weui.min.js"></script>
<script src="__PUBLIC__/home/js/picker.js"></script>
<script>
$(function(){
	//选择城市
  $("#city").picker({
    title: "选择城市",
    toolbarCloseText:'确定',
    cols: [
      {
        textAlign: 'center',
        values: ['上海','浙江']
      }
    ]
  });
  //选择区域
  $("#area").picker({
    title: "选择区域",
    toolbarCloseText:'确定',
    cols: [
      {
        textAlign: 'center',
        values: ['徐汇区','长宁区','普陀区']
      }
    ]
  });
});
</script>
</body>
</html>
